@charset "UTF-8";
.actionsheet-mask{display: none;position: fixed;z-index: 31;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0);
    -webkit-transition: background .3s;transition: background .3s;}
.actionsheet{position: fixed;left: 0;bottom: 0;z-index:85 ; width: 100%;background-color: #f5f5f5;
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;}
.actionsheet-menu li,.actionsheet-menu .item{background: #fff;
	text-align: center;font-size: 36rpx;padding: 36rpx 0;color:#000;border-bottom: 1rpx solid #f5f5f5;
    &>a{ color:#000;}
	.sub{padding-top:20rpx;font-size: 24rpx;color:#888}
    &.link{color:#156ae9;}
    &.sub{margin-top:12rpx;color:#777}
    &.top-txt{font-size: 24rpx;color: #7e7e7e;}

}

.actionsheet-wrap.fade-toggle .actionsheet-mask{background: rgba(0, 0, 0, 0.6);display: block!important;}
.actionsheet-wrap.fade-toggle .actionsheet{-webkit-transform: translate(0, 0);transform: translate(0, 0);}

.pop-mask{background:rgba(0,0,0,.6);position:fixed;left:0;right:0;top:0;bottom:0;z-index:100}

.pop-sheet-wrap.fade-toggle{background:rgba(0,0,0,.6);position:fixed;left:0;right:0;top:0;bottom:0;z-index:100}
.pop-sheet-wrap.fade-toggle .pop-btm-sheet{-webkit-transform:translate(0,0);transform:translate(0,0)}
.pop-sheet-mask{position:fixed;z-index:11;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.6);-webkit-transition:background .3s;transition:background .3s}
.pop-btm-sheet{position:fixed;left:0;bottom:0;height:80%;z-index:95;width:100%;background-color:#f2f5f6;-webkit-transform:translate(0,100%);transform:translate(0,100%);-webkit-backface-visibility:hidden;-webkit-transition:-webkit-transform .3s;transition:transform .3s;
backface-visibility:hidden;
}
.pop-btm-sheet.adaptive{height:auto;max-height:80%;}
@media all and (max-height:420px){
    .pop-btm-sheet{height:95%;}
    .pop-btm-sheet.adaptive{max-height:95%;}
}
.pop-btm-sheet.fade-toggle{-webkit-transform:translate(0,0);transform:translate(0,0)}
.pop-btm-sheet .finish{font-size:32rpx;color:#268eff;position:absolute;right:10rpx;top:12rpx;z-index:10;padding: 20rpx;}
.pop-btm-sheet .pop-sheet-hd{text-align:center;position:absolute;width:100%;left:0;top:0;z-index:9;background:#fff}
.pop-btm-sheet .pop-sheet-hd:after{@include line-bottom;border:0 none;}
.pop-btm-sheet .pop-sheet-hd h3{color:#000;font-size:32rpx;line-height:102rpx;@include f-bold;}
.pop-sheet-bd{overflow:auto;height:100%;padding-top:102rpx;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch;}

/*加关闭按钮*/
.pop-btm-sheet .ico-cls{ position: absolute; z-index: 10;@include i-close($color:#888,$size:2rem,$thick:1px,$padding:1.4rem);left:0;top:0;}
.pop-sheet-title{line-height: 80rpx; position: relative; padding: 0 30rpx;-webkit-box-sizing:border-box;box-sizing:border-box;}
.pop-sheet-title.border-pack:after {bottom: 0;left:0}

/* 弹层里查看更多*/
.slide-more{text-align:center;font-size:1.4rem;color:#888;height:4.2rem;line-height:4.2rem;overflow:hidden;position:relative;
    //此处为兼容线上引用 'border-pack'的旧版本，所以加上border-pack:before，且引用通用的'line-top' dorislnhe20170726
    &.border-pack:after{display: none;}
    &.border-pack:before{@include line-top;}
    .i-arow{@include arrow-down;margin-top: auto;margin-left:.5rem;position:relative;top: auto;right: auto;vertical-align:0.2rem;-webkit-transition:.5s}
    &.switch{
        .i-arow{vertical-align:-0.2rem;-webkit-transform:rotate(-135deg);transform:rotate(-135deg);-webkit-transform-origin: 50% 50%;}
    }
}
